﻿body{overflow:hidden;height:509px;width:320px;position:relative;}
/* ====================
     ajax预加载
==================== */
#PRE_LOAD{
	position:absolute;z-index:10000;
	width:208px;height:32px;
	padding:12px;
	display:none;
	background-color:#FFF;
	border:2px dashed #CCC;
}
#PRE_LOAD #PRE_LOAD_IMG{
	background:url(../images/loadingAnimation.gif) 0px 0px no-repeat;
	width:208px;height:14px;
}
#PRE_LOAD #PRE_LOAD_MSG{
	font-size:14px;text-align:center;color:#666;
	width:100%;
	margin-top:6px;
}
/* ====================
     登录页面
==================== */
#login{
	background:url(../images/login_bg.jpg) 0px 0px no-repeat;
	width:100%;height:100%;
	position:relative;
}
#login_logo{
	position:absolute;top:80px;left:50px;
	background:url(../images/login_logo.png) 0px 0px no-repeat;
	width:261px;height:79px;
}
#login #bottom{
	height:22px;width:320px;
	position:absolute;left:10px;bottom:0px;
	padding-top:6px;
	color:#e6e0e0;text-align:center;
	border-top:1px solid #CCC;
}
#login #form_container{
	position:absolute;left:55px;top:200px;
	width:243px;height:207px;
	background:url(../images/form_container_bg.png) 0px 0px no-repeat;
}
#form_container ul{
	margin-top:24px;margin-left:20px;
}
#form_container ul li{
	margin-bottom:10px;
}
#form_container ul li input{color:#333;}
#form_container label{
	display:block;float:left;
	color:white;font-size:14px;
	margin-top:2px;
	width:55px;
}
#form_container .input_container{
	float:left;
	background:url(../images/login_input_bg.png) 0px 0px no-repeat;
	width:144px;height:21px;
}
#form_container .input_container .input_1{
	width:110px;
	border:none;background:none;
	display:block;
	margin-top:3px;margin-left:6px;
}
#PASSWORD{width:132px !important;}
#login_submit{
	background:url(../images/login_btn.png) 0px 0px no-repeat;
	width:78px;height:22px;
	float:left;
	cursor:pointer;
}
#login_submit span{
	display:block;
	margin-top:4px;margin-left:30px;
	color:#333;font-weight:bold;
}
.login_submit_hover{
	background-position:0px -24px !important;
	color:#82558d　!important;
}
.input_container{position:relative;}
.btn_select{
	position:absolute;
	top:0px;right:2px;
	background:url(../images/login_input_select.png) 0px 0px no-repeat;
	width:20px;height:20px;
	cursor:pointer;
}
.btn_select_hover{background-position:0px -21px !important;}
#USERNAME_PARENT{position:relative;z-index:10;}
#BLOG_PARENT{position:relative;z-index:9;}
.del_user{
	background:url(../images/login_user_del.png) 0px 0px no-repeat;
	width:11px;height:11px;
	position:absolute;top:6px;right:6px;
	display:none;
}
.delUser_hover{background-position:0px -14px !important;}
.yijs_list{display:none;}
#LOGIN_ERRORS{
	position:absolute;
	left:20px;bottom:10px;
	width:200px;
}
#LOGIN_ERRORS p{
	color:red;
	padding:4px;
}
#AUTO_LOGIN_PARENT{}
#AUTO_LOGIN_PARENT span{
	display:block;
	color:#ffffff;
	margin-right:10px;
}
#AUTO_LOGIN_PARENT input{margin-right:2px;}

/* ====================
     主页面
==================== */
.MAIN{
	width:100%;height:100%;
	position:absolute;top:0px;left:0px;	
	background-color:#f7faff;
	overflow:hidden;
}
.main_top{
	cursor:pointer;
	background:url(../images/main_top_bg.png) 0px 0px repeat-x;
	position:absolute;top:0px;left:0px;
	width:100%;height:61px;	
}
/*头像*/
.main_top .face{
	background:url(../images/main_top_face_bg.png) 0px 3px no-repeat;
	width:45px;height:39px;
	margin-top:3px;margin-left:15px;margin-right:10px;
	cursor:pointer;
	text-align:center;
	padding-top:6px;
	position:relative;
	
}
.main_top .face:hover{background-position:0px -45px !important;}
/*姓名*/
.main_top .username{
	color:#FFF;font-size:14px;
	margin-top:15px;
}

/*=============关闭、最小化等窗体操作按钮=============*/
.main_top .nativeWindow_controller_container{
	position:absolute;right:0px;top:6px;
	
}
.main_top .nativeWindow_controller_container li{
	height:12px;width:12px;
	background:url(../images/close_mini.png) 0px 0px no-repeat;
	cursor:pointer;
	margin-right:6px;
}
.main_top .nativeWindow_controller_container .close{
	background-position:-16px 0px;
}
.main_top .nativeWindow_controller_container .close:hover{
	background-position:-16px -15px;
}
.main_top .nativeWindow_controller_container .mini:hover{
	background-position:0px -15px;
}
/*=============头部隐藏菜单=============*/
.main_top_nav{
	position:absolute;top:45px;left:18px;
	background-color:#FEFEFE;
	border:1px solid #9F9F9F;
	text-align:left;
	display:none;
	z-index:8000;

}
.main_top_nav ul{width:140px;}
.main_top_nav ul li{
	line-height:24px;
	margin-left:10px;
}
.main_top_nav .set{
	border-right:1px solid #CCC; 
	color:#666;
	padding:5px 0px;
}
.main_top_nav .set li{
	margin:0px 6px;
	border:1px solid #FEFEFE;
	cursor:pointer;
}
.main_top_nav .set .set_li{
	background-position:6px 4px;background-repeat:no-repeat;
	padding-left:32px;
}
.my_set_li_hover{background:url(../images/my_set_li_hover.png) 0px 0px repeat-x;border:1px solid #96CAFF !important;}
/*分割线*/
.group_line{border-bottom:1px dashed #CCC;margin:4px 6px;}
/*======设置项图标========*/
.publish{background-image:url(../images/icon_pencil.png);}
.logout{background-image:url(../images/icon_logout.png);}
.edit_user{background-image:url(../images/icon_editUser.png);}
.setting{background-image:url(../images/icon_setting.png);}
.view{background-image:url(../images/icon_view.png);}
.lang{background-image:url(../images/icon_lang.png);}
.about{background-image:url(../images/icon_about.png);}
.help{background-image:url(../images/icon_help.png);}
.quit{background-image:url(../images/icon_quit.png);}
/*=============用户详细信息=============*/
.main_top_nav .my_detalls{
	background:url(../images/my_details_bg.png) 0px 0px repeat-x #F7F7F7;
	height:270px;
}
.main_top_nav .my_detalls li{padding-left:4px;}
.main_top_nav .my_detalls li span{color:#2877C4;}
.main_top_nav .my_detalls .header{
	text-align:center;font-size:14px;color:#6F98C3;font-weight:bold;
	border-bottom:1px solid #CCC;
	margin:4px 10px;
}
/*大头像*/
.main_top_nav .my_detalls .full_face{margin-top:6px;}
.main_top_nav .my_detalls .full_face img{border:1px solid #CCC;padding:2px;}
.face_hover{background-position:0px -45px !important;}

/*=============底部菜单=============*/
.main_bottom{
	height:58px;width:100%;
	background:url(../images/main_bottom_bg.png) 0px 0px repeat-x;
	position:absolute;bottom:0px;left:0px;
}
.bottom_nav_content{
	height:29px;width:100%;
	background:url(../images/main_bottom_nav_bg.png) 0px 0px repeat-x;
	position:absolute;bottom:0px;left:0px;
}
.bottom_nav_content .nav_li_mask{
	height:29px;width:39px;
	position:absolute;top:0px;left:0px;
	background-color:#CCC;
	opacity: 0.7;
}
.bottom_nav_content ul{
	position:absolute;top:0px;left:0px;
	margin-top:4px;
}
.bottom_nav_content ul li{
	float:left;
	background-position:5px 0px;
	background-repeat:no-repeat;
	width:35px;height:24px;
	cursor:pointer;
	margin:0px 2px;
}
.nav_li_current{background-position:5px -26px !important;}
.nav_li_hover{background-position:5px -26px !important;}
.bottom_nav_content ul .msg{background-image:url(../images/icon_home.png) !important;}
.bottom_nav_content ul .friend{background-image:url(../images/icon_friend.png) !important;}
.bottom_nav_content ul .square{background-image:url(../images/icon_square.png) !important;}
.bottom_nav_content ul .letter{background-image:url(../images/icon_letter.png) !important;}

.bottom_nav_header{overflow:hidden;}
.bottom_nav_header ul{margin-top:10px;}
.bottom_nav_header ul li{float:left;color:#FFF;margin-left:12px;cursor:pointer;}
.NAV_HEADER_li_hover{color:#c0d1dd !important;}
.bottom_nav_header ul li:hover{color:#c0d1dd !important;}

/* ====================
     主页面信息内容样式
==================== */
.MAIN_CONTENT{
	margin-top:56px;
	height:437px;
	background-color:#f7faff;
	overflow:visible;
	
}
.main_content_ul li{
	overflow:hidden;
	position:relative;
	border-bottom:1px dashed #CCC;
	padding:10px;
	width:100%;height:60px;
	line-height:18px;
	display:none;
}
.status_icon{margin-right:6px;height:100%;}
.status_details_header{color:#999999;position:relative;}
.status_details_name{
	color:#1157EB;
	font-weight:bold;
	font-size:14px;
}
.status_details{
	width:240px;height:56px;
	overflow:hidden;
}
.status_details_created{
	position:absolute;right:6px;top:0px;
}
.status_text{
	margin-top:4px;
	color:#666;
	height:34px;
	overflow:hidden;
}
.status_odd{
	background-color:#E7E7FF;
}
.action_items_container{
	position:relative;
	width:100%;height:100%;
	overflow:hidden;
	float:left;
}
.action_items_container .yijs_slider{
	position:absolute;right:10px;bottom:40px;
	z-index:20000;
}
.action_items_container ul{

}

